<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>







        // es6
        //    let / const / var
        //       预编译，作用域，变量不能重复声明，变量是否能被改变

        //    this指向  
        //        (普通函数，事件处理函数，对象中的方法，箭头函数)
        //        什么时候需要用箭头函数   
        //        call / apply / bind


        //    展开运算符  ...
        //     一维数组深复制
        //     伪数组转真数组
        //     接收实参列表  ...arr    合并


        //    箭头函数
        //        this指向
        //        简写   
        //        没有arguments     ...arr


        // Map / Set



        // 面向对象
        //    对象只有属性和方法
        //    把全局变量变成了属性    把实现功能的代码拆分成多个函数(方法)


        // 短路赋值  ---- 





        oBtns.forEach(v => {

        })

        oBtns.forEach((v, i) => {

        })


        oBtns.forEach(() => {

        })



        for (let i = 0; i < oBtns.length; i++) {
            oBtns[i].onclick = function () {

            }
        }

        {
            var i = 0;
            oBtns[0].onclick = function () {
                console.log(i);
            }
        }


        {
            var i = 1;
            oBtns[1].onclick = function () {

            }
        }






        const f = (...arr) => {

        }


        f(1, 2, 3, 4, 56);



    </script>

</body>

</html>